<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>首页-办公室维修-双欧</title>
  <meta name="description"
        content="码力兄弟是按需用IT人才“Uber”，快准好的匹配合适的人解决企业产品技术问题，通过匹配技术咨询顾问、技术开发团队、驻场用人、全职用人甚至技术VC等一站式为企业提供技术服务解决方案的平台"/>
  <meta name="keywords" content="码力兄弟,众包,软件众包,软件外包,项目外包,项目需求,程序员接活,兼职,私活,软件开发,小程序"/>
  <meta name="copyright" content="上海易推信息科技有限公司"/>
  <meta name="author" content="evil_web（429391294@qq.com）"/>
  <link rel="stylesheet" type="text/css" href="css/city.css"/>
  <link rel="stylesheet" type="text/css" href="css/base.css"/>
  <link rel="stylesheet" type="text/css" href="css/common.css"/>
  <link rel="stylesheet" type="text/css" href="css/index.css"/>
  <link type="text/css" rel="stylesheet" href="css/owl.carousel.css">
  <link type="text/css" rel="stylesheet" href="css/owl.theme.css">
  <!--[if lte IE 9]>
  <script type="text/javascript" src="js/html5shiv-printshiv-3.js"></script>
  <![endif]-->
</head>
<body>

<div class="bg bg-fff">
  <!--公共头部 header start-->
  <header class="header-index">
    <div class="container posR">
      <a href="javascript:;" class="logo">
        <img src="images/logo.png" alt="">
      </a>
      <div class="top-address">
        <span class="location">上海</span>
        <a href="javascript:;" class="change-city">
          切换城市
          <span class="icon bg-btn_arrow_down_line_n"></span>
        </a>
        <p class="more-city-notice">
          您正在浏览上海市双鸥服务，是否 <a href="javascript:;" class="color-blue show-city">切换城市？</a>
          <a href="javascript:;" class="close bg-btn_close_n"></a>
        </p>
        <div class="top-more-city none">
          <span class="city-item">北京</span>
          <span class="city-item city-item-select">上海</span>
          <span class="city-item">广州</span>
          <span class="city-item">深圳</span>
          <span class="city-item">杭州</span>
          <span class="city-item">天津</span>
          <span class="city-item">成都</span>
          <span class="city-item">西安</span>
          <span class="city-item">武汉</span>
          <span class="city-item">重庆</span>
          <span class="city-item">南京</span>
          <a href="javascript:;" class="city-item-more">更多城市＞</a>
        </div>
      </div>
      <div class="header-right">
        <span class="message">我的消息</span>
        <span class="user-name">上海ZARA <em class="icon bg-btn_arrow_down_line_n"></em></span>
        <div class="user-bar bg-bg_xialacaidan none">
          <a href="javascript:;">订单管理</a>
          <a href="javascript:;">地址管理</a>
          <a href="javascript:;">发票管理</a>
          <a href="javascript:;">意见反馈</a>
          <a href="javascript:;">退出登录</a>
        </div>
        <span class="welcome-back">欢迎回来：</span>

      </div>
    </div>
  </header>
  <!--公共头部  header end-->

  <div class="container main">
    <p class="path-small">
      <a href="javascript:;">首页</a>/
      <a href="javascript:;">维修服务</a>/
      <a href="javascript:;">办公场所</a>
    </p>
    <div class="plant-tit mt0">
      <p class="span01"> 办公场景 </p><p class="span02 fz16" style="line-height:35px;">选择具体类别有助于维修师傅为您带来更高效的服务。不想选择，也可以 <a href="javascript:;" class="color-blue">直接下单＞</a></p>
    </div>
    <div class="maintain-top-box maintain-top-office">
      <a href="javascript:;" class="maintain-item maintain-office-thb">
        <em class="icon"></em>
        <span>天花板</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-ch">
        <em class="icon"></em>
        <span>窗户</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-qm">
        <em class="icon"></em>
        <span>墙面</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-cl">
        <em class="icon"></em>
        <span>窗帘</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-rgd">
        <em class="icon"></em>
        <span>日光灯</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-blm">
        <em class="icon"></em>
        <span>玻璃门</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-sd">
        <em class="icon"></em>
        <span>射灯</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-lt">
        <em class="icon"></em>
        <span>楼梯</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-mzm">
        <em class="icon"></em>
        <span>木质门</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-tjx">
        <em class="icon"></em>
        <span>踢脚线</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-yz">
        <em class="icon"></em>
        <span>椅子</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-hb">
        <em class="icon"></em>
        <span>黑板</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-qt">
        <em class="icon"></em>
        <span>前台</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-zz">
        <em class="icon"></em>
        <span>桌子</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-dt">
        <em class="icon"></em>
        <span>地毯</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-ctg">
        <em class="icon"></em>
        <span>抽屉柜</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-sf">
        <em class="icon"></em>
        <span>沙发</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-zlg">
        <em class="icon"></em>
        <span>资料柜</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-sc">
        <em class="icon"></em>
        <span>水槽</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-xsd">
        <em class="icon"></em>
        <span>下水道</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-ch">
        <em class="icon"></em>
        <span>窗户</span>
      </a>
    </div>
    <div class="maintain-tab">
      <a href="javascript:;" class="maintain-tab-item maintain-tab-item_hover">全部类别</a>
      <div id="product">
        <div id="content">
          <div id="content_list" class="content_list-office">
            <a href="javascript:;" class="maintain-tab-item office-jumpTo">窗户</a>
            <a href="javascript:;" class="maintain-tab-item office-jumpTo">窗帘</a>
            <a href="javascript:;" class="maintain-tab-item office-jumpTo">办公桌</a>
            <a href="javascript:;" class="maintain-tab-item office-jumpTo">办公椅</a>
            <a href="javascript:;" class="maintain-tab-item office-jumpTo">资料柜</a>
            <a href="javascript:;" class="maintain-tab-item office-jumpTo">天花板</a>
            <a href="javascript:;" class="maintain-tab-item office-jumpTo">墙面</a>
            <a href="javascript:;" class="maintain-tab-item office-jumpTo">沙发</a>
            <a href="javascript:;" class="maintain-tab-item office-jumpTo">地毯</a>
            <a href="javascript:;" class="maintain-tab-item office-jumpTo">木质门</a>
            <a href="javascript:;" class="maintain-tab-item office-jumpTo">玻璃门</a>
            <a href="javascript:;" class="maintain-tab-item office-jumpTo">踢脚线</a>
            <a href="javascript:;" class="maintain-tab-item office-jumpTo">射灯</a>
            <a href="javascript:;" class="maintain-tab-item office-jumpTo">日光灯</a>
            <a href="javascript:;" class="maintain-tab-item office-jumpTo">前台</a>
            <a href="javascript:;" class="maintain-tab-item office-jumpTo">楼梯</a>
            <a href="javascript:;" class="maintain-tab-item office-jumpTo">下水道</a>
            <a href="javascript:;" class="maintain-tab-item office-jumpTo">水槽</a>
            <a href="javascript:;" class="maintain-tab-item office-jumpTo">黑板</a>
            <!--<a href="javascript:;" class="maintain-tab-item office-jumpTo">试衣间</a>-->
            <a href="javascript:;" class="maintain-tab-item office-jumpTo">抽屉柜</a>
          </div>
        </div>
        <span class="next maintain-tab-item-more">》》</span>
      </div>
      <a href="javascript:;" class="maintain-tab-item-clear">清空选择</a>
    </div>

    <p class="maintain-sub-tit">
      <span class="name">请选择损坏部位：</span>
      <span class="text">办公椅</span>
    </p>
    <div class="pro-maintain pro-maintain-office" data-class="office-jumpTo">
      <div class="scroll-outer">
        <div id="scroll" class="owl-carousel scroll">
          <!--窗户-->
          <div class="item" data-name="窗户">
            <div class="item-top item-top-office item-top-window">
              <a href="javascript:;" class="pro-detail-item pro-window-item-cz">表面材质</a>
              <a href="javascript:;" class="pro-detail-item pro-window-item-mz">门轴</a>
              <a href="javascript:;" class="pro-detail-item pro-window-item-ls">螺丝</a>
              <a href="javascript:;" class="pro-detail-item pro-window-item-sb">手柄</a>
              <a href="javascript:;" class="pro-detail-item pro-window-item-ljq">连接器</a>
              <a href="javascript:;" class="pro-detail-item pro-window-item-sk">锁孔</a>
              <a href="javascript:;" class="pro-detail-item pro-window-item-gd">轨道</a>
            </div>
        <!--    <a href="javascript:;" class="item-btn">
              确定（2）
            </a>-->
          </div>
          <!--窗帘-->
          <div class="item" data-name="窗帘">
            <div class="item-top item-top-office item-top-curtain">
              <a href="javascript:;" class="pro-detail-item pro-curtain-item-cz">表面材质</a>
              <a href="javascript:;" class="pro-detail-item pro-curtain-item-jz">卷轴</a>
              <a href="javascript:;" class="pro-detail-item pro-curtain-item-lx">拉线</a>
            </div>
          </div>
          <!--办公桌-->
          <div class="item" data-name="桌子">
            <div class="item-top item-top-office item-top-desk">
              <a href="javascript:;" class="pro-detail-item pro-desk-item-cz">表面材质</a>
              <a href="javascript:;" class="pro-detail-item pro-desk-item-ys">钥  匙</a>
              <a href="javascript:;" class="pro-detail-item pro-desk-item-ct">抽  屉</a>
              <a href="javascript:;" class="pro-detail-item pro-desk-item-mg">门  柜</a>
              <a href="javascript:;" class="pro-detail-item pro-desk-item-lz">轮  子</a>
            </div>

          </div>
          <!--办公椅-->
          <div class="item" data-name="椅子">
            <div class="item-top item-top-office item-top-chair">
              <a href="javascript:;" class="pro-detail-item pro-chair-item-cz">材质</a>
              <a href="javascript:;" class="pro-detail-item pro-chair-item-kb">靠背</a>
              <a href="javascript:;" class="pro-detail-item pro-chair-item-fs">扶手</a>
              <a href="javascript:;" class="pro-detail-item pro-chair-item-ls">螺丝</a>
              <a href="javascript:;" class="pro-detail-item pro-chair-item-zd">坐垫</a>
              <a href="javascript:;" class="pro-detail-item pro-chair-item-sjq">升降器</a>
              <a href="javascript:;" class="pro-detail-item pro-chair-item-lz">轮子</a>
            </div>
          </div>
          <!--资料柜-->
          <div class="item" data-name="资料柜">
            <div class="item-top item-top-office item-top-fileCabinet">
              <a href="javascript:;" class="pro-detail-item pro-fileCabinet-item-cz">表面材质</a>
              <a href="javascript:;" class="pro-detail-item pro-fileCabinet-item-ls">螺丝</a>
              <a href="javascript:;" class="pro-detail-item pro-fileCabinet-item-mb">门  柄</a>
              <a href="javascript:;" class="pro-detail-item pro-fileCabinet-item-sk">锁  孔</a>
              <a href="javascript:;" class="pro-detail-item pro-fileCabinet-item-ys">钥  匙</a>
              <a href="javascript:;" class="pro-detail-item pro-fileCabinet-item-sct">锁插头</a>
              <a href="javascript:;" class="pro-detail-item pro-fileCabinet-item-mz">门  轴</a>
            </div>
          </div>
          <!--天花板-->
          <div class="item" data-name="天花板">
            <div class="item-top item-top-office item-top-ceiling">
              <a href="javascript:;" class="pro-detail-item pro-ceiling-item-bmtl">表面脱落</a>
            </div>
          </div>
          <!--墙面-->
          <div class="item" data-name="墙面">
            <div class="item-top item-top-office item-top-wall">
              <a href="javascript:;" class="pro-detail-item pro-wall-item-fs">粉刷</a>
              <a href="javascript:;" class="pro-detail-item pro-wall-item-kl">开裂</a>
            </div>
          </div>
          <!--沙发-->
          <div class="item" data-name="沙发">
            <div class="item-top item-top02 item-top-sofa">
              <a href="javascript:;" class="pro-detail-item pro-sofa-item-cz">材质</a>
              <a href="javascript:;" class="pro-detail-item pro-sofa-item-kb">靠背</a>
              <a href="javascript:;" class="pro-detail-item pro-sofa-item-fs">扶手</a>
              <a href="javascript:;" class="pro-detail-item pro-sofa-item-th">弹簧</a>
              <a href="javascript:;" class="pro-detail-item pro-sofa-item-sft">沙发腿</a>
            </div>
          </div>
          <!--地毯-->
          <div class="item" data-name="地毯">
            <div class="item-top item-top02 item-top-carpet">
              <a href="javascript:;" class="pro-detail-item pro-carpet-item-dt">地毯</a>
            </div>
          </div>
          <div class="item">
            <div class="item-top">
              <img src="images/wx/pic_ditan.jpg" class="item-top-img" alt="">
            </div>
          </div>
          <!--木质门-->
          <div class="item" data-name="木质门">
            <div class="item-top item-top02 item-top-woodenDoor">
              <a href="javascript:;" class="pro-detail-item pro-woodenDoor-item-cz">表面材质</a>
              <a href="javascript:;" class="pro-detail-item pro-woodenDoor-item-bmq">闭门器</a>
              <a href="javascript:;" class="pro-detail-item pro-woodenDoor-item-mbs">门把手</a>
              <a href="javascript:;" class="pro-detail-item pro-woodenDoor-item-ms">门  锁</a>
              <a href="javascript:;" class="pro-detail-item pro-woodenDoor-item-ys">钥  匙</a>
            </div>
          </div>
          <!--玻璃门-->
          <div class="item" data-name="玻璃门">
            <div class="item-top item-top02 item-top-glassDoor">
              <a href="javascript:;" class="pro-detail-item pro-glassDoor-item-cz">表面材质</a>
              <a href="javascript:;" class="pro-detail-item pro-glassDoor-item-mz">门轴</a>
              <a href="javascript:;" class="pro-detail-item pro-glassDoor-item-mbs">门把手</a>
              <a href="javascript:;" class="pro-detail-item pro-glassDoor-item-ms">门  锁</a>
              <a href="javascript:;" class="pro-detail-item pro-glassDoor-item-ys">钥  匙</a>
            </div>
          </div>
          <!--踢脚线-->
          <div class="item" data-name="踢脚线">
            <div class="item-top item-top02 item-top-skirting">
              <a href="javascript:;" class="pro-detail-item pro-skirting-item-tjx">踢脚线</a>
            </div>
          </div>
          <!--射灯-->
          <div class="item" data-name="射灯">
            <div class="item-top item-top02 item-top-spotlight">
              <a href="javascript:;" class="pro-detail-item pro-spotlight-item-dx">灯  芯</a>
              <a href="javascript:;" class="pro-detail-item pro-spotlight-item-gd">轨  道</a>
            </div>
          </div>
          <!--日光灯-->
          <div class="item" data-name="日光灯">
            <div class="item-top item-top02 item-top-sunlight">
              <a href="javascript:;" class="pro-detail-item pro-sunlight-item-zlq">镇流器</a>
              <a href="javascript:;" class="pro-detail-item pro-sunlight-item-qhq">启辉器</a>
              <a href="javascript:;" class="pro-detail-item pro-sunlight-item-dg">灯  管</a>
              <a href="javascript:;" class="pro-detail-item pro-sunlight-item-dz">灯  罩</a>
            </div>

          </div>
          <!--前台-->
          <div class="item" data-name="前台">
            <div class="item-top item-top02 item-top-reception">
              <a href="javascript:;" class="pro-detail-item pro-reception-item-cz">表面材质</a>
              <a href="javascript:;" class="pro-detail-item pro-reception-item-ys">钥  匙</a>
              <a href="javascript:;" class="pro-detail-item pro-reception-item-ms">门  锁</a>
              <a href="javascript:;" class="pro-detail-item pro-reception-item-mz">门  轴</a>
              <a href="javascript:;" class="pro-detail-item pro-reception-item-sct">锁插头</a>
              <a href="javascript:;" class="pro-detail-item pro-reception-item-cb">层  板</a>
              <a href="javascript:;" class="pro-detail-item pro-reception-item-gd">轨  道</a>
              <a href="javascript:;" class="pro-detail-item pro-reception-item-mbs">门把手</a>
            </div>

          </div>
          <!--楼梯-->
          <div class="item" data-name="楼梯">
            <div class="item-top item-top02 item-top-stairs">
              <a href="javascript:;" class="pro-detail-item pro-stairs-item-fs">扶  手</a>
            </div>

          </div>
          <!--下水道-->
          <div class="item" data-name="下水道">
            <div class="item-top item-top02 item-top-sewer">
              <a href="javascript:;" class="pro-detail-item pro-sewer-item-xsd">下水道</a>
            </div>

          </div>
          <!--水槽-->
          <div class="item" data-name="水槽">
            <div class="item-top item-top02 item-top-sink">
              <a href="javascript:;" class="pro-detail-item pro-sink-item-sc">水槽</a>
            </div>

          </div>
          <!--黑板-->
          <div class="item" data-name="黑板">
            <div class="item-top item-top02 item-top-board">
              <a href="javascript:;" class="pro-detail-item pro-board-item-zj">支架</a>
            </div>

          </div>
          <!--试衣间-->
<!--          <div class="item">
            <div class="item-top item-top02 item-top-fittingRoom">
              <a href="javascript:;" class="pro-detail-item pro-fittingRoom-item-mlj pro-detail-item_hover">门帘架</a>
              <a href="javascript:;" class="pro-detail-item pro-fittingRoom-item-gyj">挂衣架</a>
              <a href="javascript:;" class="pro-detail-item pro-fittingRoom-item-jz pro-detail-item_hover">镜子</a>
            </div>
            <a href="javascript:;" class="item-btn">
              确定（2）
            </a>
          </div>-->
          <!--抽屉柜-->
          <div class="item" data-name="抽屉柜">
            <div class="item-top item-top02 item-top-drawer">
              <a href="javascript:;" class="pro-detail-item pro-drawer-item-cz">表面材质</a>
              <a href="javascript:;" class="pro-detail-item pro-drawer-item-ls">螺丝</a>
              <a href="javascript:;" class="pro-detail-item pro-drawer-item-lz">轮子</a>
              <a href="javascript:;" class="pro-detail-item pro-drawer-item-gd">轨道</a>
              <a href="javascript:;" class="pro-detail-item pro-drawer-item-mbs">门把手</a>
            </div>

          </div>

        </div>
      </div>
      <a href="javascript:;" class="item-btn-all">
        确定
      </a>
    </div>

    <div class="plant-tit mt30">
      <p class="span01"> 电器类别 </p><p class="span02 fz16" style="line-height:35px;">选择具体类别有助于维修师傅为您带来更高效的服务。不想选择，也可以 <a href="javascript:;" class="color-blue">直接下单＞</a></p>
    </div>
    <div class="maintain-top-box maintain-top-office-ele">
      <a href="javascript:;" class="maintain-item maintain-office-ele-dhj">
        <em class="icon"></em>
        <span>电话机</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-ele-dsj">
        <em class="icon"></em>
        <span>电视机</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-ele-kt">
        <em class="icon"></em>
        <span>空调</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-ele-jsq">
        <em class="icon"></em>
        <span>净水器</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-ele-bx">
        <em class="icon"></em>
        <span>冰箱</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-ele-fwq">
        <em class="icon"></em>
        <span>服务器机柜</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-ele-dn">
        <em class="icon"></em>
        <span>电脑</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-ele-cctv">
        <em class="icon"></em>
        <span>CCTV</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-ele-ysj">
        <em class="icon"></em>
        <span>饮水机</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-ele-kfj">
        <em class="icon"></em>
        <span>咖啡机</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-ele-wbl">
        <em class="icon"></em>
        <span>微波炉</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-ele-dyj">
        <span>打印机</span>
        <em class="icon"></em>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-ele-czj">
        <em class="icon"></em>
        <span>传真机</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-office-ele-tyy">
        <em class="icon"></em>
        <span>投影仪</span>
      </a>
    </div>
    <div class="maintain-tab">
      <a href="javascript:;" class="maintain-tab-item maintain-tab-item_hover">全部类别</a>
      <div id="product-ele">
        <div id="content-ele">
          <div id="content_list-ele" class="content_list-ele-office">
            <a href="javascript:;" class="maintain-tab-item office-ele-jumpTo">电话机</a>
            <a href="javascript:;" class="maintain-tab-item office-ele-jumpTo">电视机</a>
            <a href="javascript:;" class="maintain-tab-item office-ele-jumpTo">空调</a>
            <a href="javascript:;" class="maintain-tab-item office-ele-jumpTo">净水器</a>
            <a href="javascript:;" class="maintain-tab-item office-ele-jumpTo">冰箱</a>
            <a href="javascript:;" class="maintain-tab-item office-ele-jumpTo">服务器机柜</a>
            <a href="javascript:;" class="maintain-tab-item office-ele-jumpTo">电脑</a>
            <a href="javascript:;" class="maintain-tab-item office-ele-jumpTo">CCTV</a>
            <a href="javascript:;" class="maintain-tab-item office-ele-jumpTo">饮水机</a>
            <a href="javascript:;" class="maintain-tab-item office-ele-jumpTo">咖啡机</a>
            <a href="javascript:;" class="maintain-tab-item office-ele-jumpTo">微波炉</a>
            <a href="javascript:;" class="maintain-tab-item office-ele-jumpTo">打印机</a>
            <a href="javascript:;" class="maintain-tab-item office-ele-jumpTo">传真机</a>
            <a href="javascript:;" class="maintain-tab-item office-ele-jumpTo">投影仪</a>
          </div>
        </div>
        <span class="next-ele maintain-tab-item-more">》》</span>
      </div>
      <a href="javascript:;" class="maintain-tab-item-clear">查看更多</a>
    </div>
    <div class="pro-maintain pro-maintain-office-ele" data-class="office-ele-jumpTo">
      <div class="scroll-outer">
        <div id="scroll2" class="owl-carousel scroll">
          <div class="item">
            <div class="office-ele-img">
              <img src="images/pic_shop.png" alt=""><span></span>
            </div>
            <p class="office-ele-text">电话机</p>
            <p class="office-ele-intro">
              <span class="span01">维修价</span>
              <span class="span02">￥40.00~￥100.00</span>
            </p>
          </div>
          <div class="item">
            <div class="office-ele-img">
              <img src="images/pic_shop.png" alt=""><span></span>
            </div>
            <p class="office-ele-text">电视机</p>
            <p class="office-ele-intro">
              <span class="span01">维修价</span>
              <span class="span02">￥40.00~￥100.00</span>
            </p>
          </div>
          <div class="item">
            <div class="office-ele-img">
              <img src="images/pic_shop.png" alt=""><span></span>
            </div>
            <p class="office-ele-text">空调</p>
            <p class="office-ele-intro">
              <span class="span01">维修价</span>
              <span class="span02">￥40.00~￥100.00</span>
            </p>
          </div>
          <div class="item">
            <div class="office-ele-img">
              <img src="images/pic_shop.png" alt=""><span></span>
            </div>
            <p class="office-ele-text">净水器</p>
            <p class="office-ele-intro">
              <span class="span01">维修价</span>
              <span class="span02">￥40.00~￥100.00</span>
            </p>
          </div>
          <div class="item">
            <div class="office-ele-img">
              <img src="images/pic_shop.png" alt=""><span></span>
            </div>
            <p class="office-ele-text">冰箱</p>
            <p class="office-ele-intro">
              <span class="span01">维修价</span>
              <span class="span02">￥40.00~￥100.00</span>
            </p>
          </div>
          <div class="item">
            <div class="office-ele-img">
              <img src="images/pic_shop.png" alt=""><span></span>
            </div>
            <p class="office-ele-text">服务器机柜</p>
            <p class="office-ele-intro">
              <span class="span01">维修价</span>
              <span class="span02">￥40.00~￥100.00</span>
            </p>
          </div>
          <div class="item">
            <div class="office-ele-img">
              <img src="images/pic_shop.png" alt=""><span></span>
            </div>
            <p class="office-ele-text">电脑</p>
            <p class="office-ele-intro">
              <span class="span01">维修价</span>
              <span class="span02">￥40.00~￥100.00</span>
            </p>
          </div>
          <div class="item">
            <div class="office-ele-img">
              <img src="images/pic_shop.png" alt=""><span></span>
            </div>
            <p class="office-ele-text">CCTV</p>
            <p class="office-ele-intro">
              <span class="span01">维修价</span>
              <span class="span02">￥40.00~￥100.00</span>
            </p>
          </div>
          <div class="item">
            <div class="office-ele-img">
              <img src="images/pic_shop.png" alt=""><span></span>
            </div>
            <p class="office-ele-text">饮水机</p>
            <p class="office-ele-intro">
              <span class="span01">维修价</span>
              <span class="span02">￥40.00~￥100.00</span>
            </p>
          </div>
          <div class="item">
            <div class="office-ele-img">
              <img src="images/pic_shop.png" alt=""><span></span>
            </div>
            <p class="office-ele-text">咖啡机</p>
            <p class="office-ele-intro">
              <span class="span01">维修价</span>
              <span class="span02">￥40.00~￥100.00</span>
            </p>
          </div>
          <div class="item">
            <div class="office-ele-img">
              <img src="images/pic_shop.png" alt=""><span></span>
            </div>
            <p class="office-ele-text">微波炉</p>
            <p class="office-ele-intro">
              <span class="span01">维修价</span>
              <span class="span02">￥40.00~￥100.00</span>
            </p>
          </div>
          <div class="item">
            <div class="office-ele-img">
              <img src="images/pic_shop.png" alt=""><span></span>
            </div>
            <p class="office-ele-text">打印机</p>
            <p class="office-ele-intro">
              <span class="span01">维修价</span>
              <span class="span02">￥40.00~￥100.00</span>
            </p>
          </div>
          <div class="item">
            <div class="office-ele-img">
              <img src="images/pic_shop.png" alt=""><span></span>
            </div>
            <p class="office-ele-text">传真机</p>
            <p class="office-ele-intro">
              <span class="span01">维修价</span>
              <span class="span02">￥40.00~￥100.00</span>
            </p>
          </div>
          <div class="item">
            <div class="office-ele-img">
              <img src="images/pic_shop.png" alt=""><span></span>
            </div>
            <p class="office-ele-text">投影仪</p>
            <p class="office-ele-intro">
              <span class="span01">维修价</span>
              <span class="span02">￥40.00~￥100.00</span>
            </p>
          </div>
        </div>
      </div>

    </div>
  </div>
</div>
<!--公共底部  footer start-->
<footer>
  <div class="container">
    <div class="footer-left">
      <dl class="footer-link footer-link-server">
        <dt>双欧服务平台</dt>
        <dd><a href="javascript:;">保洁服务</a></dd>
        <dd><a href="javascript:;">维修服务</a></dd>
        <dd><a href="javascript:;">绿植服务</a></dd>
        <dd><a href="javascript:;">净化服务</a></dd>
      </dl>
      <dl class="footer-link footer-link-about">
        <dt>关于双鸥</dt>
        <dd><a href="javascript:;">双鸥介绍</a></dd>
        <dd><a href="javascript:;">联系我们</a></dd>
        <dd><a href="javascript:;">服务反馈</a></dd>
        <dd><a href="javascript:;">平台协议</a></dd>
      </dl>
      <dl class="footer-link footer-link-about">
        <dt>市场合作</dt>
        <dd><a href="javascript:;">成为企业用户</a></dd>
        <dd><a href="javascript:;">申请加入我们</a></dd>
      </dl>
    </div>
    <div class="footer-right">
      <div class="contact-info">
        <span class="tel">TEL: 021-55235501</span>
        <span class="work-time">(周一至周五 10:00-19:00)</span>
          <span class="contact">
            邮箱：Info@serviceo2o.com<br>传真：021-55235512
          </span>
      </div>
      <div class="qr">
        <img src="images/qr.jpg" alt="">
        <span class="text">【关注双鸥公众号】</span>
      </div>
    </div>
  </div>
  <div class="footer-btm">
    <div class="container">
      <span class="icon footer-logo bg-pic_footer_shuangou">双欧</span>
      <span class="text">Copyright © 2018 SOA 双鸥环境服务  版权所有</span>
    </div>
  </div>
</footer>
<!--公共头部  footer end-->
<div class="mask none"></div>
<!--pop start-->
<div class="pop pop-city none">
  <a href="javascript:;" class="close bg-btn_close_n"></a>
  <p class="top-tit">
    <span class="bg-logo_popup"></span>
  </p>
  <div class="cont">
    <div class="pop-city-row">
      <p class="name">当前位置：</p>
      <p class="intro">
        <span class="city-item">上海</span>
      </p>
    </div>

    <div class="pop-city-row">
      <p class="name">热门城市：</p>
      <p class="intro">
        <span class="city-item">北京</span>
        <span class="city-item city-item-select">上海</span>
        <span class="city-item">广州</span>
        <span class="city-item">深圳</span>
        <span class="city-item">杭州</span>
        <span class="city-item">天津</span>
        <span class="city-item">成都</span>
        <span class="city-item">西安</span>
        <span class="city-item">武汉</span>
        <span class="city-item">重庆</span>
        <span class="city-item">南京</span>
        <span class="city-item">郑州</span>
        <span class="city-item">济南</span>
        <span class="city-item">厦门</span>
      </p>
    </div>
    <div class="pop-city-row">
      <p class="name name-city">选择城市：</p>
      <div class="intro">
        <div class="infolist">
          <div class="liststyle">
          <span id="Province">
              <i>省</i>
              <ul>
                <li><a href="javascript:void(0)" alt="请选择省">请选择省</a></li>
              </ul>
              <input type="hidden" name="cho_Province" value="请选择省">
          </span>
          <span id="City">
              <i>市</i>
              <ul>
                <li><a href="javascript:void(0)" alt="请选择市">请选择市</a></li>
              </ul>
              <input type="hidden" name="cho_City" value="请选择市">
          </span>
          <span id="Area" style="display: none">
              <i>区</i>
              <ul>
                <li><a href="javascript:void(0)" alt="请选择区">请选择区</a></li>
              </ul>
              <input type="hidden" name="cho_Area" value="请选择区">
          </span>
          </div>
        </div>
      </div>
    </div>
    <div class="pop-btn-box">
      <a href="javascript:;" class="pop-cancel">取消</a>
      <a href="javascript:;" class="pop-submit">确定</a>
    </div>
  </div>
</div>
<!--pop end-->
<!--购物车-->
<div class="side-bar">
  <div class="cart-box none">
    <div class="cart-item-wrapper">

      <a href="javascript:;" class="cart-item">
        <img class="cart-item-img" src="images/img_estate.jpg" alt="">
        <div class="cart-item-cont">
          <p class="name">小绿萝【清新空气办公桌必备…</p>
          <p class="info">大：口径20cm  高20cm   <span class="num">x1</span></p>
          <p class="money">￥10.00/月</p>
        </div>
      </a>
      <a href="javascript:;" class="cart-item">
        <img class="cart-item-img" src="images/img_estate.jpg" alt="">
        <div class="cart-item-cont">
          <p class="name">小绿萝【清新空气办公桌必备…</p>
          <p class="info">大：口径20cm  高20cm   <span class="num">x1</span></p>
          <p class="money">￥10.00/月</p>
        </div>
      </a>
      <a href="javascript:;" class="cart-item">
        <img class="cart-item-img" src="images/img_estate.jpg" alt="">
        <div class="cart-item-cont">
          <p class="name">小绿萝【清新空气办公桌必备…</p>
          <p class="info">大：口径20cm  高20cm   <span class="num">x1</span></p>
          <p class="money">￥10.00/月</p>
        </div>
      </a>
      <a href="javascript:;" class="cart-item">
        <img class="cart-item-img" src="images/img_estate.jpg" alt="">
        <div class="cart-item-cont">
          <p class="name">小绿萝【清新空气办公桌必备…</p>
          <p class="info">大：口径20cm  高20cm   <span class="num">x1</span></p>
          <p class="money">￥10.00/月</p>
        </div>
      </a>
    </div>
    <div class="cart-all">
      <span class="num">x9</span>
      <span class="money">总计:￥10,300.00/月</span>
      <a href="javascript:;" class="pay-btn">去结算</a>
    </div>
  </div>
  <a href="javascript:;" class="shopping-cart bg-btn_cart_plant_n"></a>
  <i class="shopping-amount">5</i>
  <a href="javascript:;" class="back-top bg-btn_backtop_n none"></a>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/city.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<!--<script type="text/javascript" src="js/office.js"></script>-->
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/modernizr-custom-v2.7.1.min.js"></script>
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<script type="text/javascript">
  $(function(){

    var page = 1;
    var i = 8; //每版放4个图片
    //向后 按钮
    $("span.next").click(function(){    //绑定click事件
      var content = $("div#content");
      var content_list = $("div#content_list");
      var v_width = content.width();
      var len = content.find("a").length;
      var page_count = Math.ceil(len / i) ;   //只要不是整数，就往大的方向取最小的整数

      if( !content_list.is(":animated") ){    //判断“内容展示区域”是否正在处于动画
        if( page == page_count ){  //已经到最后一个版面了,如果再向后，必须跳转到第一个版面。
          content_list.animate({ left : '0px'}, "slow"); //通过改变left值，跳转到第一个版面
          page = 1;
        }else{
          content_list.animate({ left : '-='+v_width }, "slow");  //通过改变left值，达到每次换一个版面
          page++;
        }
      }
    });
    //往前 按钮
    $("span.prev").click(function(){
      var content = $("div#content");
      var content_list = $("div#content_list");
      var v_width = content.width();
      var len = content.find("a").length;
      var page_count = Math.ceil(len / i) ;   //只要不是整数，就往大的方向取最小的整数
      if(!content_list.is(":animated") ){    //判断“内容展示区域”是否正在处于动画
        if(page == 1 ){  //已经到第一个版面了,如果再向前，必须跳转到最后一个版面。
          content_list.animate({ left : '-='+v_width*(page_count-1) }, "slow");
          page = page_count;
        }else{
          content_list.animate({ left : '+='+v_width }, "slow");
          page--;
        }
      }
    });
  });
  $(function(){
    var page = 1;
    var i = 8; //每版放4个图片
    //向后 按钮
    $("span.next-ele").click(function(){    //绑定click事件
      var content = $("div#content-ele");
      var content_list = $("div#content_list-ele");
      var v_width = content.width();
      var len = content.find("a").length;
      var page_count = Math.ceil(len / i) ;   //只要不是整数，就往大的方向取最小的整数

      if( !content_list.is(":animated") ){    //判断“内容展示区域”是否正在处于动画
        if( page == page_count ){  //已经到最后一个版面了,如果再向后，必须跳转到第一个版面。
          content_list.animate({ left : '0px'}, "slow"); //通过改变left值，跳转到第一个版面
          page = 1;
        }else{
          content_list.animate({ left : '-='+v_width }, "slow");  //通过改变left值，达到每次换一个版面
          page++;
        }
      }
    });
    //往前 按钮
    $("span.prev-ele").click(function(){
      var content = $("div#content-ele");
      var content_list = $("div#content_list-ele");
      var v_width = content.width();
      var len = content.find("a").length;
      var page_count = Math.ceil(len / i) ;   //只要不是整数，就往大的方向取最小的整数
      if(!content_list.is(":animated") ){    //判断“内容展示区域”是否正在处于动画
        if(page == 1 ){  //已经到第一个版面了,如果再向前，必须跳转到最后一个版面。
          content_list.animate({ left : '-='+v_width*(page_count-1) }, "slow");
          page = page_count;
        }else{
          content_list.animate({ left : '+='+v_width }, "slow");
          page--;
        }
      }
    });
  });
</script>
<script type="text/javascript">
  $(function () {


//    var maintainNum = $('.item-top').find('.pro-detail-item_hover').length;
//    console.log(maintainNum);

//    加载 全部类别（办公场所）
    var officeListData = {};
    var officeListDetailData = {};
    var officeListHtml ='';
    var goods_arr = [];
    var goods_parent_arr = [];

    $.ajax({
      type:'POST',
      url:'http://10.128.203.15:8080/find/cat/name.do',
      data:{catName:'办公场所'},
      dataType:'jsonp',
      jsonp:'jsoncallback',
      success:function(data){
        officeListData = data;
        var proClassName01,officeListDataName;
//        console.log(officeListData);
        for(i=0;i<officeListData.length;i++){
          officeListDataName = officeListData[i].name;
          switch(officeListDataName)
          {
            case '天花板':
              proClassName01 = 'maintain-tab-item';
              officeListHtml += '<a href="javascript:;" class="'+proClassName01+' office-jumpTo" data-id="'+officeListData[i].cat_id+'">'+officeListData[i].name+'</a>';
              break;
            case '椅子':
              proClassName01 = 'maintain-tab-item';
              officeListHtml += '<a href="javascript:;" class="'+proClassName01+' office-jumpTo" data-id="'+officeListData[i].cat_id+'">'+officeListData[i].name+'</a>';
              break;
            case '窗户':
              proClassName01 = 'maintain-tab-item';
              officeListHtml += '<a href="javascript:;" class="'+proClassName01+' office-jumpTo" data-id="'+officeListData[i].cat_id+'">'+officeListData[i].name+'</a>';
              break;
            case '窗帘':
              proClassName01 = 'maintain-tab-item';
              officeListHtml += '<a href="javascript:;" class="'+proClassName01+' office-jumpTo" data-id="'+officeListData[i].cat_id+'">'+officeListData[i].name+'</a>';
              break;
            case '桌子':
              proClassName01 = 'maintain-tab-item';
              officeListHtml += '<a href="javascript:;" class="'+proClassName01+' office-jumpTo" data-id="'+officeListData[i].cat_id+'">'+officeListData[i].name+'</a>';
              break;
            case '资料柜':
              proClassName01 = 'maintain-tab-item';
              officeListHtml += '<a href="javascript:;" class="'+proClassName01+' office-jumpTo" data-id="'+officeListData[i].cat_id+'">'+officeListData[i].name+'</a>';
              break;
            case '墙面':
              proClassName01 = 'maintain-tab-item';
              officeListHtml += '<a href="javascript:;" class="'+proClassName01+' office-jumpTo" data-id="'+officeListData[i].cat_id+'">'+officeListData[i].name+'</a>';
              break;
            case '沙发':
              proClassName01 = 'maintain-tab-item';
              officeListHtml += '<a href="javascript:;" class="'+proClassName01+' office-jumpTo" data-id="'+officeListData[i].cat_id+'">'+officeListData[i].name+'</a>';
              break;
            case '地毯':
              proClassName01 = 'maintain-tab-item';
              officeListHtml += '<a href="javascript:;" class="'+proClassName01+' office-jumpTo" data-id="'+officeListData[i].cat_id+'">'+officeListData[i].name+'</a>';
              break;
            case '木质门':
              proClassName01 = 'maintain-tab-item';
              officeListHtml += '<a href="javascript:;" class="'+proClassName01+' office-jumpTo" data-id="'+officeListData[i].cat_id+'">'+officeListData[i].name+'</a>';
              break;
            case '玻璃门':
              proClassName01 = 'maintain-tab-item';
              officeListHtml += '<a href="javascript:;" class="'+proClassName01+' office-jumpTo" data-id="'+officeListData[i].cat_id+'">'+officeListData[i].name+'</a>';
              break;
            case '踢脚线':
              proClassName01 = 'maintain-tab-item';
              officeListHtml += '<a href="javascript:;" class="'+proClassName01+' office-jumpTo" data-id="'+officeListData[i].cat_id+'">'+officeListData[i].name+'</a>';
              break;
            case '射灯':
              proClassName01 = 'maintain-tab-item';
              officeListHtml += '<a href="javascript:;" class="'+proClassName01+' office-jumpTo" data-id="'+officeListData[i].cat_id+'">'+officeListData[i].name+'</a>';
              break;
            case '日光灯':
              proClassName01 = 'maintain-tab-item';
              officeListHtml += '<a href="javascript:;" class="'+proClassName01+' office-jumpTo" data-id="'+officeListData[i].cat_id+'">'+officeListData[i].name+'</a>';
              break;
            case '前台':
              proClassName01 = 'maintain-tab-item';
              officeListHtml += '<a href="javascript:;" class="'+proClassName01+' office-jumpTo" data-id="'+officeListData[i].cat_id+'">'+officeListData[i].name+'</a>';
              break;
            case '楼梯':
              proClassName01 = 'maintain-tab-item';
              officeListHtml += '<a href="javascript:;" class="'+proClassName01+' office-jumpTo" data-id="'+officeListData[i].cat_id+'">'+officeListData[i].name+'</a>';
              break;
            case '下水道':
              proClassName01 = 'maintain-tab-item';
              officeListHtml += '<a href="javascript:;" class="'+proClassName01+' office-jumpTo" data-id="'+officeListData[i].cat_id+'">'+officeListData[i].name+'</a>';
              break;
            case '水槽':
              proClassName01 = 'maintain-tab-item';
              officeListHtml += '<a href="javascript:;" class="'+proClassName01+' office-jumpTo" data-id="'+officeListData[i].cat_id+'">'+officeListData[i].name+'</a>';
              break;
            case '黑板':
              proClassName01 = 'maintain-tab-item';
              officeListHtml += '<a href="javascript:;" class="'+proClassName01+' office-jumpTo" data-id="'+officeListData[i].cat_id+'">'+officeListData[i].name+'</a>';
              break;
            case '抽屉柜':
              proClassName01 = 'maintain-tab-item';
              officeListHtml += '<a href="javascript:;" class="'+proClassName01+' office-jumpTo" data-id="'+officeListData[i].cat_id+'">'+officeListData[i].name+'</a>';
              break;
            default:
              proClassName01 = 'none';
          }
        }
        $('.content_list-office').html(officeListHtml);
      },
      error:function () {//请求失败后调用的函数
        alert("error");
      },
      failure: function() {
        alert('fail');
      }
    });

    //  点击*全部类别()
    $(".content_list-office").delegate(".maintain-tab-item", "click", function(){
        var $this = $(this);
       var thisHtml  =  $this.html().split('（')[0];
      var indexHtml;
      $('.pro-maintain-office').find('.item').each(function (index,domEle){
        indexHtml = $(domEle).attr('data-name');
        if(thisHtml == indexHtml){
          $('#scroll').trigger('owl.goTo', index)
        }
      });
    });



    $(".pro-detail-item").click(function(){
      var $this = $(this);

      $this.toggleClass('pro-detail-item_hover');
      var thisHtml = $this.parents('.item').attr('data-name');
      var parentHtml;
      var maintainNum = $this.parent().find('.pro-detail-item_hover').length;
      $('.office-jumpTo').each(function (index,domEle){
        parentHtml = $(domEle).text().split('（')[0];
        if(parentHtml == thisHtml){
          if(maintainNum>0){
            $(domEle).html(parentHtml+"（"+maintainNum+"）");
          }else {
            $(domEle).html(parentHtml);
          }
        }
      });
      var _goods_name = $this.html();
      var _parent_name = $this.parents('.item').attr('data-name');
      var _parent_id,_goods_id;
      for(var i=0;i<officeListData.length;i++){
          if(officeListData[i].name == _parent_name){
            _parent_id = officeListData[i].cat_id;
//            console.log(_parent_id);

            $.ajax({
              type:'POST',
              url:'http://10.128.203.15:8080/find/cat/parentsId.do',
              data:{parentsId:_parent_id},
              dataType:'jsonp',
              jsonp:'jsoncallback',
              success:function(data){
                officeListDetailData = data;
                for(var j=0;j<officeListDetailData.length;j++) {
                  if(officeListDetailData[j].name == _goods_name){
                    _goods_id = officeListDetailData[j].goods_id;
//                    console.log(_goods_id);      console.log(_parent_id);

                    var good_info = {};
                    good_info.productid = _goods_id;
                    good_info.num = 1;
                    good_info.price = 0;

                    var good_parent_info = {};
                    good_parent_info.productid = _goods_id;
                    good_parent_info.cat_id = _parent_id;

                    if($this.hasClass('pro-detail-item_hover')){
                      goods_arr.push(good_info);
                      goods_parent_arr.push(good_parent_info);
                      console.log(goods_arr);
                    }else {
                      removeObjWithArr(goods_arr,good_info);
                      removeObjWithArr(goods_parent_arr,good_parent_info);
                      function removeObjWithArr (_arr,_obj) {
                        var length = _arr.length;

                        for(var k = 0; k < length; k++)
                        {
//                          if(_arr[k].toString() == _obj.toString())
                          if(isObjectValueEqual(_arr[k], _obj))
                          {
                            if(k == 0)
                            {
                              _arr.shift(); //删除并返回数组的第一个元素
                              return;
                            }
                            else if(k == length-1)
                            {
                              _arr.pop();  //删除并返回数组的最后一个元素
                              return;
                            }
                            else
                            {
                              _arr.splice(k,1); //删除下标为i的元素
                              return;
                            }
                          }
                        }
                      }
                      console.log(goods_arr);
                    }
                  }
                }
              },
              error:function () {//请求失败后调用的函数
                alert("error");
              },
              failure: function() {
                alert('fail');
              }
            })
          }
      }
/*      console.log(_goods_id);
      console.log(_parent_id);
      var good_info = {};
      good_info.goods_id = _goods_id;
      good_info.price = 0;
      good_info.num = 1;
      good_info.cat_id = _parent_id;*/

//      console.log(good_info);



    });

    $(".item-btn-all").click(function(){
      var goods_arrString = JSON.stringify(goods_arr); //JSON 数据转化成字符串
      var goods_parent_arrString = JSON.stringify(goods_parent_arr); //JSON 数据转化成字符串
      console.log(goods_arr);
      $.cookie('the_cookie', goods_arrString);
      $.cookie('the_parent_cookie', goods_parent_arrString);
      var the_catName = '办公场所';
      $.cookie('the_catName', the_catName);

//      $.cookie('the_cookie');  //读取cookie
    });

    $(".maintain-tab-item").click(function(){
        $(this).addClass('maintain-tab-item_hover').siblings().removeClass('maintain-tab-item_hover')
    });
    
    $('#scroll').owlCarousel({
      items: 2,
      autoPlay: false,
      navigation: true,
      navigationText: ["", ""],
      scrollPerPage: true
    });
    $('#scroll2').owlCarousel({
      items: 6,
      autoPlay: false,
      navigation: true,
      navigationText: ["", ""],
      scrollPerPage: true,
      pagination:false
    });

/*    $(".content_list-office").delegate(".office-jumpTo", "click", function(){
      var index = $(this).index();
      $('#scroll').trigger('owl.goTo', index)
    });*/

    $(".content_list-ele-office").delegate(".office-ele-jumpTo", "click", function(){
      var index = $(this).index();
      $('#scroll2').trigger('owl.goTo', index)
    });



    function isObjectValueEqual(a, b) {
      if(typeof a == 'number' && typeof b == 'number'){
        return a == b
      }


      var aProps = Object.getOwnPropertyNames(a);
      var bProps = Object.getOwnPropertyNames(b);

      if (aProps.length != bProps.length) {
        return false;
      }

      for (var i = 0; i < aProps.length; i++) {
        var propName = aProps[i];
        if(Object.prototype.toString(a[propName]) == '[Object Object]'||Object.prototype.toString(b[propName]) == '[Object Object]'){
          isObjectValueEqual(a[propName],b[propName])
        }
        if (a[propName] !== b[propName]) {
          return false;
        }
      }
      return true;
    }
  });
</script>
</body>
</html>